<template>
	<div class="listInfo">
		<div class="crumbs">
		    <el-breadcrumb separator="/">
		        <el-breadcrumb-item><i class="el-icon-lx-calendar"></i>会员管理</el-breadcrumb-item>
				<el-breadcrumb-item><i class="el-icon-lx-calendar"></i>会员列表</el-breadcrumb-item>
				<el-breadcrumb-item>拼团入围列表</el-breadcrumb-item>
		    </el-breadcrumb>
		</div>
		<el-table
		 :data="actives"
		 border
		 style="width: 100%">
			 <el-table-column
			   prop="member_id"
			    align="center"
			   label="用户id"
			   width="160">
			 </el-table-column>
			 <el-table-column
			   prop="group_money"
			    align="center"
			   label="拼团金额"
			   width="160">
			 </el-table-column>
			 <el-table-column
			   prop="finalist_time"
			    align="center"
			   label="入围时间"
			   width="160">
			 </el-table-column>
		 </el-table>
		 
		 <div class="pagination">
		     <el-pagination background
		 		@current-change="handleCurrentChange"
		 		layout="prev, pager, next"
		 		:total="pages"
		 		:page-size="page_size">
		     </el-pagination>
		 </div>
	</div>
</template>
<script>
	export default{
		data(){
			return{
				actives:[],
				page:1,
				page_size:10,
				pages:0,
				member_id:'',
			}
		},
		methods:{
			getActives(){
				// console.log(this.$route.query.member_id)
				let pram = {
					member_id:this.member_id
				}
				this.$post_('group/group-finalist/list',pram,(res) => {
				  this.actives = res.data
				})
			},
			
			
			handleCurrentChange(val){
				this.page = val;
				this.getData();
			}
		},
		created(){
			this.member_id = this.$route.query.member_id
			this.getActives()
		}
	}
</script>
<style>
	.search{
		margin-bottom: 10px;
	}
</style>